

/**
 * React Hooks
 *
 *  一种 16.8.0 这个版本新增的一个功能，能够让函数组件使用类组件相关的 state 与 生命周期等。
 *
 *  hook 都是一些已 use 开头的函数，表示钩子。
 *
 *  React 官网提供了一些内置的 hook: useState、 useEffect、useMemo、useCallback...
 *  还允许我们自定义 hook 。
 *
 *  hook 使用的两个主要规则：
 *      1. 只能用于函数组件。
 *          1. 函数组件中使用
 *          2. 自定义hook中使用
 *      2. 需要在函数组件的顶层来调用，不能在 if 、for、嵌套中去使用
 *      3. 需要已 use 开头
 * 
 *  函数组件是什么时候出现的？
 *      一开始与类组件是并存的，只是在 16.8.0 增强了它的功能。
 *
 */

import { useState } from 'react'

function Hello() {
  useState()

  if () {
    useState() // 不可以
  }

  return <div>hello</div>;
}
